﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
body,button,input,select,textarea{font: 12px/1.5 "微软雅黑",arial,tahoma,\5b8b\4f53,sans-serif; color: #333;}
body{background: #f8f9fa;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset,img{border: 0}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;}
ol,ul,li{list-style: none}
caption,th{text-align: left}
h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal}
q:before,q:after{content: ''}
abbr,acronym{border: 0}
ins{background:#ffa;text-decoration: none;}
a:active{star: expression(this.onFocus=this.blur());}
:focus{outline: 0;}
a:link, a:visited{text-decoration: none;}
a:hover, a:active{text-decoration: none; border: none;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
.hide{display: none;}
.right{float:right;}
.left{float:left;}
/*闭合*/
.clearfix:after{content: "020"; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom: 1;}
.clear{height: 0px; clear: both; font-size: 0px; line-height: 0px; zoom: 1;}
/*字体颜色*/
.ft-blue,a.ft-blue{color: #01a0cc;} /*标准色-蓝色*/
.ft-red,a.ft-red{color: #d43635;} /*标准色-红色*/
.ft-green,a.ft-green{color: #4ec173;} /*标准色-绿色*/
.ft-orange,a.ft-orange{color: #ecc800;} /*标准色-橙色*/
.ft-yellow,a.ft-yellow{color: #fff100;} /*标准色-黄色*/
.ft-gray,a.ft-gray{color: #999;} /*标准色-灰色*/
/*==================字体图标==================*/
@font-face{font-family: "icon"; src: url('iconfont/iconfont.eot'); /* IE9*/ src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont/iconfont.svg#icon') format('svg'); /* iOS 4.1- */}
.icon{font-family: "icon" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
/*==============左右结构头部 ================*/
.lr-layout{height:50px;}
.lr-layout .header{height: 50px; background:url(images/head.png) center center #170d30; border-bottom: solid 1px #3c8dbc; color: #fff;}
.lr-layout .logo{font-size: 24px; line-height: 50px; float: left; padding-left: 170px; color: #fff;background:url(images/logo.png) no-repeat;}
.lr-layout .header-right{float: right; padding-right: 10px;}
.lr-layout .header-right-list li{float: left; padding: 0 10px; line-height: 50px;}
.lr-layout .header-right-list li a{color: #fff;}
/*==============上下结构头部 ================*/
.tb-layout{height:90px;}
.tb-layout .header{height: 90px; background:url(images/head.png) center center #170d30; border-bottom: solid 1px #3c8dbc; color: #fff;}
.tb-layout .logo{font-size: 24px; line-height: 50px; float: left; padding-left: 170px; color: #fff;background:url(images/logo.png) no-repeat;}
.tb-layout .header-right{float: right; padding-right: 10px;}
.tb-layout .header-right-list li{float: left; padding: 0 10px; line-height: 50px;}
.tb-layout .header-right-list li a{color: #fff;}
/*==============上下+左右结构头部 ================*/
.tlr-layout{height:50px;position: absolute;top:0;right:0;bottom: 0;left:200px;  z-index:1;}
.tlr-layout .header{height: 50px; background:#039adf; color: #fff;}
.tlr-layout .header-right{float: right; padding-right: 10px;}
.tlr-layout .header-right-list li{float: left; padding: 0 12px; line-height: 50px;}
.tlr-layout .header-right-list li .icon{font-size:22px;}
.tlr-layout .header-right-list li a{color: #fff;}
.tlr-layout .header-right-list li .user-photo{float: left;position: relative;width:50px;height: 50px;line-height: 50px;text-align: center;cursor: pointer;}
.tlr-layout .header-right-list li .user-photo:hover,.user-photo.active{background: #00ade8;}
.tlr-layout .header-right-list li .user-photo>span{position: absolute;width:33px;height: 33px;line-height:33px;left: 50%;top: 50%;margin: -18px 0 0 -17px;}
.tlr-layout .header-right-list li .user-photo>span img{width: 30px;height: 30px;border-radius:20px;border:solid 2px #fff;}
.tlr-layout .header-right-list li .user-info{display: none;position: absolute;width: 260px;z-index: 10;top:50px;right: 0px;border:2px solid #ddd;background: #fff;box-shadow: 5px 5px 5px #dcd9d9;}
.tlr-layout .header-right-list li .user-table{width: 100%;border-collapse: collapse;margin:10px;}
.tlr-layout .header-right-list li .user-table th{height: 26px;line-height: 26px;text-align: right;color: #333;}
.tlr-layout .header-right-list li .user-table td{height: 26px;line-height: 26px;color: #666;font-size: 12px;text-align: left;}
.tlr-layout .header-right-list li .user-table td.st-c{text-align: center;width:80px;}
.tlr-layout .header-right-list li .user-table img{width:60px;height: 60px;border-radius:35px;}
.tlr-layout .header-right-list li .s-info-cont{border-top:solid 1px #dddddd;margin:20px 10px 0 10px;}
.tlr-layout .header-right-list li .s-cont{display:inline-block;width:110px;text-align:center;line-height:31px;color:#00aefe;position:relative;}
.tlr-layout .header-right-list li .s-cont .icon{font-size:14px;margin-right:5px;vertical-align:-1px;position: relative;}
.tlr-layout .header-right-list li .s-cont .s-reddot{display:inline-block;position:absolute;top:-3px;right:-1px;width:6px;height:6px;background:#e60012;border-radius:50%;}
.tlr-layout .header-right-list li .s-br{display:inline-block;height:31px;width:1px;background:#dddddd;vertical-align:-10px;}
.tlr-layout .header-right-list li .s-info-bottom{height:30px;line-height:30px;background:#f4f4f4;text-align:center;color:#9a999d;}
/*==============上下导航菜单 ================*/
.top-nav{height:38px;margin-top:-38px;}
.top-nav span{cursor: pointer;display: inline-block;float: left;color:#fafafc;height: 38px;line-height: 38px;width:110px;text-align:center;background:rgba(255,255,255,0.2);border-radius:5px 5px 0 0;font-size:14px;margin-right:5px;}
.top-nav span.current{color: #0068b7;background:#f5f5f5;}
.top-sub-nav{display: none;background:#f5f5f5;border-bottom:solid 2px #cbd1d6;height:40px;}
.top-sub-nav li{float:left;height:40px;line-height:40px;}
.top-sub-nav li a{color:#333;padding:0 20px;border-right:solid 1px #cbd1d6;}
.top-sub-nav li:hover,.top-sub-nav li.selected{border-bottom:solid 2px #0068b7;}
.top-sub-nav li:hover a,.top-sub-nav li.selected a{color:#0068b7;font-weight:bold;}
/*==============换肤 ================*/
#skin-change{position: relative;}
.skin-hover{background: rgba(255,255,255,0.2); color: #333;}
.dropDown-menu{display: none; width: 100px; line-height: 100%; padding: 10px; right: 0; top: 51px; position: absolute; z-index: 9999; background: #fff; box-shadow: 3px 3px 2px #888888; border: solid 1px #f2f2f2;}
.dropDown-menu a, .dropDown-menu a i{display: inline-block; width: 22px; height: 22px; margin-right: 5px;}
.dropDown-menu a.skin-default{background-color: #2991d9;}
.dropDown-menu a.skin-red{background-color: #e6434e;}
.dropDown-menu a i.checked{background-image: url(images/iconCheck.png); background-repeat: no-repeat; background-position: center center;}
/*页面框架*/
.sidebar-box{position: absolute;top:50px;bottom:0;left:0;width:200px;z-index:99;overflow-y:auto;overflow-x:hidden; background: -webkit-linear-gradient(#1f3f76, #0b1c3a); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#1f3f76, #0b1c3a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#1f3f76, #0b1c3a); /* Firefox 3.6 - 15 */ background: linear-gradient(#1f3f76, #0b1c3a); /* 标准的语法 */}
.layout-box{position: absolute;top:50px;right:0;bottom: 0;left:200px; overflow:hidden; /*z-index:1;*/ background-color:#fff}
.main-box{position: absolute;top:34px;bottom:0;left:0; right:0;overflow:auto;/*z-index:1*/}
.Hui-container{padding:45px 0 0}
.sidebar-box,.layout-box,.dislpayArrow,.tlr-layout{-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s}
.big-page .layout-box,.big-page .dislpayArrow,.big-page .breadcrumb,.big-page .tlr-layout{left:50px}
/*.big-page .sidebar-box{left:-200px}*/
.page-container{padding:20px}
.menu-iframe{position: absolute; top: 133px; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1;}
.menu-iframe iframe{position: absolute; bottom: 0; height: 100%; width: 100%}
/*左边栏伸缩*/
.sidebar,.menu-iframe,.toggle-collapse{-moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s}
.big-page .menu-iframe,.big-page .toggle-collapse,.big-page .breadcrumb{left: 0px}
.big-page .sidebar{left: -200px}
.toggle-collapse{position: absolute; top: 0; bottom: 0; left:200px; width: 0px; height: 100%; z-index: 10}
.toggle-collapse a{position: absolute; display: block; width: 13px; height: 45px; top: 50%; margin-top: -23px; outline: none;background: url(images/toggleCollapse.png) no-repeat 0 0}
.toggle-collapse a.open{background-position: 0 -46px}
.toggle-collapse a:hover{text-decoration: none; background-position: right 0}
.toggle-collapse a.open:hover{background-position: right -46px}
/*选项卡导航*/
.frame-tabNav-wp{position:relative; height:35px;overflow:hidden;z-index: 0}
.frame-tabNav,
.frame-tabNav .acrossTab li,.frame-tabNav .acrossTab li em{background-image:url(images/acrossTab-2.png)}
.frame-tabNav{height:35px; padding-right:75px;overflow:hidden; position:relative;background-color:#fff; background-repeat: repeat-x; background-position: 0 -176px;}
.frame-tabNav .acrossTab{position:absolute; height:26px; line-height:26px; background:none; top:7px; left:0;padding-top:0}
.frame-tabNav .acrossTab li{height:26px;line-height:26px;}
.frame-tabNav .acrossTab li em{right:-16px; height: 26px; width: 16px}
.loading{background:url(images/loader.gif) no-repeat center; height:100px}
.show_iframe{position:absolute; top:0; right:0; left:0; bottom:0;}
.show_iframe iframe{position: absolute;bottom: 0;height: 100%;width: 100%}
.frame-tabNav-more{position: absolute;right:0px;width:70px;top:4px;display: none}
.tabNav-btn{display:inline-block;width:29px;line-height:27px;text-align:center;background:#e6e6e6;margin:0 1px;color:#676767; text-decoration: none;}
.tabNav-btn:hover{background:#c7c7c7;text-decoration: none;}
.tabNav-btn-left{border-radius:3px 0 0 3px;}
.tabNav-btn-right{border-radius:0 3px 3px 0;}
.acrossTab,.acrossTab li,.acrossTab li em{background-image:url(images/acrossTab-bg.png)}
.acrossTab{height:29px; background-repeat: repeat-x; background-position: 0 0; padding-top:1px}
.acrossTab li,.acrossTab li em{background-repeat:no-repeat; background-position:0 0}
.acrossTab li{position:relative;float:left; display:inline-block; height:29px; line-height:29px; font-size:12px;cursor:pointer;padding:0 30px; white-space:nowrap;color:#282828; background-position:0 0}
.acrossTab li em{position:absolute; width:23px;height:29px;right:-20px; top:0;z-index:50; background-position:right -30px}
.acrossTab li:hover{background-position:0 -60px}
.acrossTab li:hover em{background-position:right -90px}
.acrossTab li.active{background-position:0 -120px; z-index:99;color:#fff;}
.acrossTab li.active em{background-position:right -150px}
.acrossTab li i{position:absolute; display:block; width:13px; height:13px; top:50%; margin-top:-6px; right:5px; font-size:0; line-height:0; cursor:pointer; background-image:url(images/acrossTab-close.png); background-repeat:no-repeat; background-position:0 0}
.acrossTab li i:hover,.acrossTab li.active i:hover{background-position:0 bottom}
.acrossTab li.active i{background-position:0 -13px}
/*==============左侧导航菜单 ================*/
.sidebar{position: absolute; top: 51px; bottom: 0; left: 0; padding-top: 10px; width: 200px; z-index: 99; overflow-y:auto;overflow-x:hidden;}
.menu-dropdown{/*overflow-x:hidden;*/width:100%;}
.menu-dropdown> li{font-size: 14px; clear: both;}
.menu-dropdown> li .icon{margin-right: 10px; vertical-align: -1px;}
.menu-dropdown>li>a{display:block;line-height:48px;padding-left:10px;cursor:pointer;position:relative;font-weight:normal;color:#fff}
.menu-dropdown li a .arrow{float: right; width: auto; height: auto; margin-right: 10px;
 transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.menu-dropdown li a .arrow.open{transform: rotate(180deg);}
.menu-dropdown>li>a.active,.menu-dropdown>li>a:hover{color:#fff;background:#084f90;border-left:solid 3px #3c8dbc;overflow: hidden;}
.menu-dropdown>li>ul.sub-menu{display: none; list-style: none; clear: both;background:#0f4679;}
.menu-dropdown>li.active > ul.sub-menu{}
.menu-dropdown>li>ul.sub-menu li{background: none; margin: 0px; padding: 0px;}
.menu-dropdown>li>ul.sub-menu li>a{display: block; line-height: 42px; padding-left:40px;color:#8fb1ab;}
.menu-dropdown>li>ul.sub-menu li>a.active, .menu-dropdown>li>ul.sub-menu li>a:hover,.menu-dropdown>li>ul.sub-menu>li.active >a{background:#2563d6;color:#fff;}
.menu-dropdown>li>ul.sub-menu li>ul{padding-left: 25px;}
.menu-dropdown>li>ul.sub-menu li>ul li a:hover,.menu-dropdown>li>ul.sub-menu li>ul li a.active{background:none;color:#fff100;}

/*==============左侧菜单导航 ================*/
.nav-logo{background:url(images/nav_logo.png) no-repeat;width:200px;height:50px;border-bottom:solid 1px rgba(255,255,255,0.2);}
.nav{position: absolute;top:0;bottom:0;left:0; background: -webkit-linear-gradient(#3366cc, #73b6eb); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#3366cc, #73b6eb); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#3366cc, #73b6eb); /* Firefox 3.6 - 15 */ background: linear-gradient(#3366cc, #73b6eb); /* 标准的语法 */}
.nav a{display: block;overflow: hidden;padding-left:15px;line-height: 46px;max-height: 46px;transition: all .3s;}
.nav-item{position: relative;border-bottom:solid 1px rgba(255,255,255,0.1);}
.nav-top{padding:14px 15px;cursor: pointer;float:left;}
.nav-sj{background:url(images/shrink.png) no-repeat;width:20px;height:20px;}
.nav-zk{background:url(images/exhibition.png) no-repeat;width:20px;height:20px;}
.nav-sj:hover,.nav-zk:hover{opacity:0.8;}
/* nav-mini */
.nav-mini .nav-logo{background:url(images/mini_logo.png) no-repeat;width:50px;height:50px;}
.nav-mini.nav{width:50px;overflow: visible}
.nav-mini.nav .nav-item>a span{display: none;}
.nav-mini.nav .menu-dropdown>li>a{padding-left:15px;}
.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:50px;width: 180px;z-index: 99;background:#0f4679;overflow: hidden;}
.nav-mini.nav .nav-item ul li a{padding-left:20px;color:#fff;}
.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav-mini.nav .nav-item:hover ul{display: block;}
/*==============顶部菜单导航 ================*/
.main-nav{height:50px;}
.main-nav li{float:left;font-size:12px;text-align:center;}
.main-nav li .icon{vertical-align:-1px;margin-right:5px;}
.main-nav li:hover,.main-nav li.selected{background:#0282bd;color:#fff;}
.main-nav li a{display:inline-block;width:98px;color:#fff;line-height:50px;height:50px;}
 #navTabs #current a, #navTabs #current a::after {background: #0282bd;z-index: 3;}
.main-nav li a:hover{background:#0282bd;color:#fff;}
.attrs{height:50px; margin-left:60px; overflow:hidden;position:relative;z-index:9;background:#039adf;float:left;}
.omore{ position:relative; float:right; display:inline-block;height:50px;cursor:pointer;}
.omore .icon{display:inline-block;background:rgba(255,255,255,0.1);width:32px;height:32px;line-height:32px;text-align:center;font-size:18px;margin:8px 5px;}
.hauto{height:auto;box-shadow:2px 2px 5px #333333;}
/*==================面包屑导航==================*/
.breadcrumb{padding: 10px; list-style: none; background: #fff;}
.breadcrumb li{display: inline-block;}
.breadcrumb li .icon{font-size: 8px; margin-right: 5px; color: #999;}
.breadcrumb li a{color: #0e90d2;}
.breadcrumb li a:hover{color: #095f8a;}
.breadcrumb li + li:before{content: "\00bb\00a0"; padding: 0 8px; color: #ccc;}
.breadcrumb .active{color: #999999;}
.breadcrumb-slash>li+li:before{content:"/\00a0"}
/*==================按钮==================*/
.btn{display: inline-block;margin-right:5px; padding:0 14px; box-sizing: border-box; line-height: 30px; height:32px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; background-color: #eeeeee; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #e1e1e1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.btn:hover,
.btn:focus{color: #333333; background-color: #f7f7f7; border: 1px solid #eaeaea;}
.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled:active,
.btn[disabled]:active,
.btn.disabled.active,
.btn[disabled].active{color: #c6c6c6; background-color: #f3f3f3; border-color: #e6e6e6;}
.btn:active,
.btn.active{background-color: #e1e1e1; border: 1px solid #d5d5d5;}
.btn:hover,
.btn:focus{color: #333333; text-decoration: none;}
.btn:focus{outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: none;}
.btn.active,
.btn:active{background-image: none;}
.btn.disabled,
.btn[disabled]{cursor: default; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.btn .sui-icon{line-height: 1;}
.btn .sui-icon:after{content: " ";}
.btn-default{color: #ffffff; background-color: #2991d9; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #1299ec;}
.btn-default:hover,
.btn-default:focus{color: #ffffff; background-color: #4cb9fc; border: 1px solid #33affc;}
.btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
.btn-default.disabled.active,
.btn-default[disabled].active{color: #c6c6c6; background-color: #f3f3f3; border-color: #e6e6e6;}
.btn-default:active,
.btn-default.active{background-color: #1299ec; border: 1px solid #1089d4;}
.btn-secondary{color: #ffffff; background-color: #5bc0de; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #46b8da;}
.btn-secondary:hover,
.btn-secondary:focus{color: #ffffff; background-color: #85d0e7; border: 1px solid #70c8e2;}
.btn-secondary.disabled,
.btn-secondary[disabled],
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active{color: #c6c6c6; background-color: #f3f3f3; border-color: #e6e6e6;}
.btn-secondary:active,
.btn-secondary.active{background-color: #46b8da; border: 1px solid #31b0d5;}
.btn-success{color: #ffffff; background-color: #43cd6e; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #34c360;}
.btn-success:hover,
.btn-success:focus{color: #ffffff; background-color: #49de79; border: 1px solid #33da69;}
.btn-success.disabled,
.btn-success[disabled],
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
.btn-success.disabled.active,
.btn-success[disabled].active{color: #c6c6c6; background-color: #f3f3f3; border-color: #e6e6e6;}
.btn-success:active,
.btn-success.active{background-color: #34c360; border: 1px solid #2eaf56;}
.btn-warning{color: #ffffff; background-color: #fac603; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #e1b203;}
.btn-warning:hover,
.btn-warning:focus{color: #ffffff; background-color: #fbd238; border: 1px solid #facc1f;}
.btn-warning.disabled,
.btn-warning[disabled],
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active{color: #c6c6c6; background-color: #f3f3f3; border-color: #e6e6e6;}
.btn-warning:active,
.btn-warning.active{background-color: #e1b203; border: 1px solid #c89e02;}
.btn-danger{color: #ffffff; background-color: #ea4a36; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #e8351f;}
.btn-danger:hover,
.btn-danger:focus{color: #ffffff; background-color: #ed6a5a; border: 1px solid #ea5543;}
.btn-danger.disabled,
.btn-danger[disabled],
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active{color: #c6c6c6; background-color: #f3f3f3; border-color: #e6e6e6;}
.btn-danger:active,
.btn-danger.active{background-color: #e8351f; border: 1px solid #d72c16;}
.btn-link,
.btn-link:active,
.btn-link[disabled]{border-color: transparent; background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.btn-link{border-color: transparent; cursor: pointer; color: #28a3ef; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.btn-link:hover,
.btn-link:focus{color: #4cb9fc; text-decoration: underline; background-color: transparent; border-color: transparent;}
.btn-link[disabled],
.btn-link.disabled,
.btn-link[disabled]:hover,
.btn-link.disabled:hover,
.btn-link[disabled]:focus,
.btn-link.disabled:focus{color: #c6c6c6; text-decoration: none; background: none; border: none;}
.radius{border-radius: 3px;}
.round{border-radius: 1000px;}
.btn.disabled{cursor: not-allowed;}
.btn .icon{margin-right: 10px; vertical-align: -1px; font-size: 14px;}
.btn-xl{padding: 4px 20px; line-height: 32px; height: 40px; font-size: 14px;}
.btn-sm{padding: 2px 20px; line-height: 16px; height: 22px; font-size: 12px;}
.btn-block{display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn-block + .btn-block{margin-top: 5px;}
/*==================表单==================*/
.input-text,.textarea,.select{box-sizing: border-box; padding:6px 10px; width:100%;color:#333; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #dddddd;}
.input-text:hover,.textarea:hover,.select:hover,.input-text:focus,.textarea:focus,.select:focus{border:1px solid #2991d9;}
 input::-webkit-input-placeholder {color: #a9a9a9;font-size: 12px;}
 .select[disabled='disabled'],.select[readonly='readonly'] .textarea[disabled='disabled'],.textarea[readonly='readonly'],.input-text[disabled='disabled'],.input-text[readonly='readonly']{ border-color:#ddd; background-color:#F6F6F6; color:#555;}
.textarea{height:100px;resize:none}
.input-radius{border-radius:4px;}
.input-round{border-radius:100px;}
.form-radio label{padding-right: 20px; margin-left:30px;line-height:16px;}
.btn-upload{position: relative; display:inline-block;height:36px; *display:inline;overflow:hidden;vertical-align:middle;cursor:pointer}
.upload-url{cursor: pointer}
.input-file{position:absolute; right:0; top:0; cursor: pointer; z-index:1; font-size:30em; *font-size:30px;opacity:0;filter: alpha(opacity=0)}
.btn-upload .input-text{ width:auto;margin-right:2px;}
.radio-box{display: inline-block; box-sizing: border-box; cursor: pointer; position: relative; padding-left:0; padding-right: 20px; height:10px; line-height:14px;}
.icheckbox-blue,.iradio-blue,.icheckbox-table{display: block; margin:0; padding:0; width: 18px; height:18px; background: url(images/blue.png) no-repeat; border: 0; cursor: pointer;}
.iradio-blue,.iradio-blue.static:hover{background-position:-100px 0}
.iradio-blue.hover,.iradio-blue:hover{background-position:-120px 0}
.iradio-blue.checked{background-position:-140px 0}
.iradio-blue.disabled{background-position:-160px 0;cursor:not-allowed;}
.radio-disabled-font{color:#999; cursor:not-allowed;}
.iradio-blue.checked.disabled{background-position:-180px 0}
.iradio-blue{position: absolute; top:0; left: 0;}
input[type="radio"]{line-height: normal; margin-top: 2px;}
.check-box{display:inline-block;margin-top:5px;}
.icheckbox-blue{position:absolute;}
.icheckbox-blue,.icheckbox-blue.static:hover{background-position:0 0}
.icheckbox-blue.hover,.icheckbox-blue:hover{background-position:-20px 0}
.icheckbox-blue.checked{background-position:-40px 0}
.icheckbox-blue.disabled{background-position:-60px 0; cursor:default}
.icheckbox-blue.checked.disabled{background-position:-80px 0}
.check-box label{padding-right:24px; margin-left:25px; line-height:14px;vertical-align:7px;}
.icheckbox-table{margin:auto;}
.icheckbox-table,.icheckbox-table.static:hover{background-position:0 0}
.icheckbox-table.hover,.icheckbox-table:hover{background-position:-20px 0}
.icheckbox-table.checked{background-position:-40px 0}
.icheckbox-table.disabled{background-position:-60px 0; cursor:default}
.icheckbox-table.checked.disabled{background-position:-80px 0}
/*==================表格样式==================*/
.form-table{border-collapse:collapse; width:100%;}
.form-table th{font-weight:normal; text-align:right; white-space:nowrap; vertical-align:top;line-height:32px;padding:8px 5px;}
.form-table td{padding:8px 5px;line-height:32px;vertical-align:top;position:relative}
.form-table  em{color:#e60012;font-size:18px;vertical-align:-6px;margin-right:5px;}
.simple-table{border-collapse: collapse; width: 100%; border-top: solid 1px #e7ecf1; border-left: solid 1px #e7ecf1;}
.simple-table th{line-height:22px; padding:8px; text-align: center; background: #f5fafe; color: #333; border-right: solid 1px #e7ecf1; border-bottom: solid 1px #e7ecf1; font-weight: bold;}
.simple-table td{line-height: 22px; padding:8px; border-right: solid 1px #e7ecf1; border-bottom: solid 1px #e7ecf1; text-align: center; background: #fff;}
.simple-table tr.alt td{background:#fbfcfd;}
.simple-table tr.over td{background:#fcfce2;color:#2991d9;}
.simple-table .icon{margin: 0 5px;font-size:14px;}
.simple-table em{color:#e60012;font-size:18px;vertical-align:-5px;margin-right:5px;}
.table-outer{/*overflow-y:hidden;overflow-x:auto;*/margin:0 10px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}
.text-nowrap{white-space:nowrap;table-layout:inherit;}
.detail-table{border-left:solid 1px #D6DADB;border-top:solid 1px #D6DADB;width:100%;}
.detail-table th{ text-align:right;padding:10px 5px;font-weight:normal;background:#f2f2f2;border-right:solid 1px #D6DADB;border-bottom:solid 1px #D6DADB;}
.detail-table td{padding:10px 5px;background:#fff;border-right:solid 1px #D6DADB;border-bottom:solid 1px #D6DADB;}
/*datatable排序*/
table.dataTable{border-collapse: separate;border-spacing: 0;clear: both}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting{cursor: pointer; background-repeat:no-repeat;background-position:right center}
table.dataTable thead .sorting{background-image:url(images/sort_both.png)}
table.dataTable thead .sorting_asc{background-image:url(images/sort_asc.png)}
table.dataTable thead .sorting_desc{background-image:url(images/sort_desc.png)}
.dataTable td.sorting_1{background-color: #f5fafe}
.dataTables_wrapper .dataTables_length{float: left;padding-bottom:20px;display:none;}
.dataTables_wrapper .dataTables_length .select{width:50px}
.dataTables_wrapper .dataTables_filter{float: right;text-align: right;display:none;}
.dataTables_wrapper .dataTables_filter .input-text{width:auto}
.dataTables_wrapper .dataTables_info{clear: both;float: left;padding-top:10px;font-size:14px; color:#666;display:none;}
.dataTables_wrapper .dataTables_paginate{float: right;padding-top:10px;text-align: right;display:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border: 1px solid #ccc;cursor: pointer;display: inline-block;margin-left: 2px;text-align: center;text-decoration: none;color: #666;height: 26px;line-height: 26px;text-decoration: none;margin: 0 0px 6px 6px;padding: 0 10px;font-size:14px}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#5a98de;color:#fff}
/*==================折叠面板==================*/
.collapse .item{position:relative;margin-bottom:5px;}
.collapse .item h4{font-size:14px;color:#333;border-bottom:solid 1px #e7ecf1;height:33px;line-height:33px;margin:10px 0;cursor:pointer;font-weight:bold;}
.collapse .item h4 .icon{font-size:8px;margin-right:10px;vertical-align:2px;}
.collapse .item h4 b{position:absolute;display: block; cursor:pointer;right:10px;top:0px;width:16px;height:16px; text-align:center; color:#666}
.collapse .item .info{display:block;padding:10px;}
/*==================选项卡==================*/
/*.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}*/
.tab-header{border-bottom: 1px solid #3598dc}
.tab-header span{cursor: pointer;display: inline-block;float: left;color:#848484;height: 32px;line-height: 32px;padding: 0 15px;border:solid 1px #e4e4e4;border-bottom:solid 1px #3598dc;margin:0 5px -1px 0;border-radius:5px 5px 0 0;}
.tab-header span.current{color: #3598dc;border:solid 1px #3598dc;border-bottom:solid 1px #fff;background:#fff;}
.tab-conbox{display: none}
/*==================smartWizard流程步骤==================*/
.swMain{position:relative; display:block; overflow:visible; float:left; width:100%;}
.swMain .stepContainer{display:block; position: relative; overflow-y: auto; overflow-x: hidden; clear:both; border:solid 1px #ccc;}
.swMain .stepContainer div.content{display:block; position: absolute; float:left; margin: 0; padding:5px; color:#5A5655; min-height:300px; text-align:left; overflow:visible; z-index:88; clear:both;}
.swMain div.actionBar{display:block; position: relative; clear:both; margin:3px 0 0 0; height:40px; text-align:left; overflow:auto; z-index:88; left:0;}
.swMain ul.anchor{position: relative; display:block; float:left; list-style: none; padding: 0; margin: 10px 0; clear: both; border: 0 solid #CCCCCC; background: transparent; /*#EEEEEE */}
.swMain ul.anchor li{position: relative; display:block; margin: 0; padding: 0 3px; border: 0 solid #E0E0E0; float: left;}
/* Anchor Element Style */
.swMain ul.anchor li a{display:block; position:relative; float:left; margin: 5px 0 0 0; padding:3px; height:60px; width:230px; text-decoration: none; outline-style:none; -moz-border-radius : 5px; -webkit-border-radius: 5px; z-index:99;}
.swMain ul.anchor li a .stepNumber{position:relative; float:left; width:30px; text-align: center; padding: 0 5px 5px; font: bold 45px Verdana, Arial, Helvetica, sans-serif;}
.swMain ul.anchor li a .stepDesc{position:relative; display:block; float:left; text-align: left; padding:5px; font: bold 20px Verdana, Arial, Helvetica, sans-serif;}
.swMain ul.anchor li a .stepDesc small{font: normal 12px Verdana, Arial, Helvetica, sans-serif;}
.swMain ul.anchor li a.selected{color:#F8F8F8; background: #EA8511; /* EA8511 */ border: 1px solid #EA8511; cursor:text; -moz-box-shadow: 5px 5px 8px #888; -webkit-box-shadow: 5px 5px 8px #888; box-shadow: 5px 5px 8px #888;}
.swMain ul.anchor li a.selected:hover{color:#F8F8F8; background: #EA8511;}
.swMain ul.anchor li a.done{position:relative; color:#FFF; background: #8CC63F; border: 1px solid #8CC63F; z-index:99;}
.swMain ul.anchor li a.done:hover{color:#5A5655; background: #8CC63F; border: 1px solid #5A5655;}
.swMain ul.anchor li a.disabled{color:#CCCCCC; background: #F8F8F8; border: 1px solid #CCC; cursor:text;}
.swMain ul.anchor li a.disabled:hover{color:#CCCCCC; background: #F8F8F8;}
.swMain ul.anchor li a.error{color:#6c6c6c !important; background: #f08f75 !important; border: 1px solid #fb3500 !important;}
.swMain ul.anchor li a.error:hover{color:#000 !important;}
.swMain .buttonNext{display:block; float:right; margin:5px 3px 0 3px; padding:5px; text-decoration: none; text-align: center; width:100px; color:#FFF; outline-style:none; background-color: #28a3ef; border: 1px solid #1299ec; border-radius:5px;}
.swMain .buttonDisabled{color:#F8F8F8 !important; background-color: #CCCCCC !important; border: 1px solid #CCCCCC !important; cursor:text;}
.swMain .buttonPrevious{display:block; float:right; margin:5px 3px 0 3px; padding:5px; text-decoration: none; text-align: center; width:100px; color:#FFF; outline-style:none; background-color: #28a3ef; border: 1px solid #1299ec; border-radius:5px;}
.swMain .buttonFinish{display:block; float:right; margin:5px 10px 0 3px; padding:5px; text-decoration: none; text-align: center; width:100px; color:#FFF; outline-style:none; background-color: #43cd6e; border: 1px solid #34c360; border-radius:5px;}
.swMain .loader{position:relative; display:none; float:left; margin: 2px 0 0 2px; padding:8px 10px 8px 40px; border: 1px solid #FFD700; font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; background: #FFF url(images/loader.gif) no-repeat 5px; -moz-border-radius : 5px; -webkit-border-radius: 5px; z-index:998;}
.swMain .msgBox{position:relative; display:none; float:left; margin: 4px 0 0 5px; padding:5px; border: 1px solid #FFD700; background-color: #FFFFDD; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; -moz-border-radius : 5px; -webkit-border-radius: 5px; z-index:999; min-width:200px;}
.swMain .msgBox .content{font: normal 12px Verdana,Arial,Helvetica,sans-serif; padding: 0; float:left;}
.swMain .msgBox .close{border: 1px solid #CCC; border-radius: 3px; color: #CCC; display: block; float: right; margin: 0 0 0 5px; outline-style: none; padding: 0 2px 0 2px; position: relative; text-align: center; text-decoration: none;}
.swMain .msgBox .close:hover{color: #EA8511; border: 1px solid #EA8511;}
/*==================ztree树形结构==================*/
.ztree *{padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
.ztree{margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:16px; text-align:left; white-space:nowrap; outline:0}
.ztree li ul{margin:0; padding:0 0 0 30px}
.ztree li ul.line{background:url(../../Scripts/zTree_v3/images/line_conn.gif) 0 0 repeat-y;}
.ztree li a{padding:10px 3px 0 2px; margin:0; cursor:pointer; height:27px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a:hover{text-decoration:underline}
.ztree li a.curSelectedNode{padding-top:10px; background-color:#FFE6B0; color:black; height:40px; border:1px #FFB951 solid; opacity:0.8;text-decoration:none; }
.ztree li a.curSelectedNode_Edit{padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.tmpTargetNode_inner{padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid; opacity:0.8; filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev{}
.ztree li a.tmpTargetNode_next{}
.ztree li a input.rename{height:14px; width:80px; padding:0; margin:0; font-size:12px; border:1px #7EC4CC solid; *border:0px}
.ztree li span{line-height:17px; margin-right:2px}
.ztree li span.button{line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle; border:0 none; cursor: pointer;outline:none; background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; background-image:url("images/ztree/zTreeStandard.png"); *background-image:url("images/ztree/zTreeStandard.gif")}
.ztree li span.button.chk{width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
.ztree li span.button.chk.checkbox_false_full{background-position:0 0}
.ztree li span.button.chk.checkbox_false_full_focus{background-position:0 -14px}
.ztree li span.button.chk.checkbox_false_part{background-position:0 -28px}
.ztree li span.button.chk.checkbox_false_part_focus{background-position:0 -42px}
.ztree li span.button.chk.checkbox_false_disable{background-position:0 -56px}
.ztree li span.button.chk.checkbox_true_full{background-position:-14px 0}
.ztree li span.button.chk.checkbox_true_full_focus{background-position:-14px -14px}
.ztree li span.button.chk.checkbox_true_part{background-position:-14px -28px}
.ztree li span.button.chk.checkbox_true_part_focus{background-position:-14px -42px}
.ztree li span.button.chk.checkbox_true_disable{background-position:-14px -56px}
.ztree li span.button.chk.radio_false_full{background-position:-28px 0}
.ztree li span.button.chk.radio_false_full_focus{background-position:-28px -14px}
.ztree li span.button.chk.radio_false_part{background-position:-28px -28px}
.ztree li span.button.chk.radio_false_part_focus{background-position:-28px -42px}
.ztree li span.button.chk.radio_false_disable{background-position:-28px -56px}
.ztree li span.button.chk.radio_true_full{background-position:-42px 0}
.ztree li span.button.chk.radio_true_full_focus{background-position:-42px -14px}
.ztree li span.button.chk.radio_true_part{background-position:-42px -28px}
.ztree li span.button.chk.radio_true_part_focus{background-position:-42px -42px}
.ztree li span.button.chk.radio_true_disable{background-position:-42px -56px}
    .ztree li span.button.switch {
        width: 37px;
        height: 37px;
        background: url(../../Scripts/zTree_v3/images/zTreeLine.png);
    }
    .ztree li span.button.root_close {
        background-position: -37px -115px
    }
    .ztree li span.button.root_open {
        background-position: -74px -115px
    }
    .ztree li span.button.roots_close {
        background-position: -37px -1px
    }
    .ztree li span.button.roots_open {
        background-position: -74px -1px
    }
    .ztree li span.button.center_close {
        background-position: -37px -39px
    }
    .ztree li span.button.center_open {
        background-position: -74px -39px
    }
    .ztree li span.button.bottom_close {
        background-position: -37px -77px
    }
    .ztree li span.button.bottom_open {
        background-position: -74px -77px
    }
.ztree li span.button.noline_open{background-position:-79px -154px}
.ztree li span.button.noline_close{background-position:-52px -154px}
.ztree li span.button.root_docu{background:none;}
.ztree li span.button.roots_docu{background-position:-56px 0}
.ztree li span.button.center_docu{background-position:0 -39px}
.ztree li span.button.bottom_docu{background-position:0 -76px}
.ztree li span.button.noline_docu{background:none;}
.ztree li span.button.ico_open{margin-right:4px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_close{margin-right:4px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:4px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.edit{margin-right:4px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.remove{margin-right:4px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
    .ztree li span.button.ico_loading {
        margin-right: 4px;
        background: url(../../Scripts/zTree_v3/images/loading.gif) no-repeat scroll 0 0 transparent;
        vertical-align: top;
        *vertical-align: middle
    }
ul.tmpTargetzTree{background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
span.tmpzTreeMove_arrow{width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute; background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; background-position:-110px -80px; background-image:url("images/ztree/zTreeStandard.png"); *background-image:url("images/ztree/zTreeStandard.gif")}
ul.ztree.zTreeDragUL{margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.zTreeMask{z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
/*==================chosen下拉框==================*/
/* @group Base */
.chosen-select{width:100%;}
.chosen-container{position: relative; display: inline-block; vertical-align: middle; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.chosen-container *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.chosen-container .chosen-drop{position: absolute; top: 100%; z-index: 1010; width: 100%; border: 1px solid #2991d9; border-top: 0; background: #fff; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%);}
.chosen-container.chosen-with-drop .chosen-drop{clip: auto; -webkit-clip-path: none; clip-path: none;}
.chosen-container a{cursor: pointer;}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name{margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999;}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after{content: ":"; padding-left: 2px; vertical-align: top;}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single{position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 32px; border: 1px solid #cccccc;background-color: #fff; background-clip: padding-box; color: #444; text-decoration: none; white-space: nowrap; line-height: 24px;}
.chosen-container-single .chosen-default{color: #999;}
.chosen-container-single .chosen-single span{display: block; overflow: hidden; margin-right: 26px; height:32px;line-height:32px; text-overflow: ellipsis; white-space: nowrap;}
.chosen-container-single .chosen-single-with-deselect span{margin-right: 38px;}
.chosen-container-single .chosen-single abbr{position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("images/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px;}
.chosen-container-single .chosen-single abbr:hover{background-position: -42px -10px;}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position: -42px -10px;}
.chosen-container-single .chosen-single div{position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%;}
.chosen-container-single .chosen-single div b{display: block; width: 100%; height: 100%; background: url("images/chosen-sprite.png") no-repeat 0px 8px;}
.chosen-container-single .chosen-search{position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap;}
.chosen-container-single .chosen-search input[type="text"]{margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: url("images/chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0;}
.chosen-container-single .chosen-drop{margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box;}
.chosen-container-single.chosen-container-single-nosearch .chosen-search{position: absolute; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%);}
/* @end */
/* @group Results */
.chosen-container .chosen-results{color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch;}
.chosen-container .chosen-results li{display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none;}
.chosen-container .chosen-results li.active-result{display: list-item; cursor: pointer;}
.chosen-container .chosen-results li.disabled-result{display: list-item; color: #ccc; cursor: default;}
.chosen-container .chosen-results li.highlighted{background-color: #3875d7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff;}
.chosen-container .chosen-results li.no-results{color: #777; display: list-item; background: #f4f4f4;}
.chosen-container .chosen-results li.group-result{display: list-item; font-weight: bold; cursor: default;}
.chosen-container .chosen-results li.group-option{padding-left: 15px;}
.chosen-container .chosen-results li em{font-style: normal; text-decoration: underline;}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices{position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; line-height:36px; border: 1px solid #ddd; background-color: #fff; cursor: text;}
.chosen-container-multi .chosen-choices li{float: left; list-style: none;}
.chosen-container-multi .chosen-choices li.search-field{margin: 0; padding: 0; white-space: nowrap;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px;}
.chosen-container-multi .chosen-choices li.search-choice{position: relative; margin: 7px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default;}
.chosen-container-multi .chosen-choices li.search-choice span{word-wrap: break-word;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("images/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position: -42px -10px;}
.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666;}
.chosen-container-multi .chosen-choices li.search-choice-focus{background: #d4d4d4;}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position: -42px -10px;}
.chosen-container-multi .chosen-results{margin: 0; padding: 0;}
.chosen-container-multi .chosen-drop .result-selected{display: list-item; color: #ccc; cursor: default;}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single{border: 1px solid #5897fb;}
.chosen-container-active.chosen-with-drop .chosen-single{border: 1px solid #2991d9; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset;}
.chosen-container-active.chosen-with-drop .chosen-single div{border-left: none; background: transparent;}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position: -18px 8px;}
.chosen-container-active .chosen-choices{border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.chosen-container-active .chosen-choices li.search-field input[type="text"]{color: #222 !important;}
/* @end */
/* @group Disabled Support */
.chosen-disabled{opacity: 0.5 !important; cursor: default;}
.chosen-disabled .chosen-single{cursor: default;}
.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor: default;}
/* @end */
/* @group Right to Left */
.chosen-rtl{text-align: right;}
.chosen-rtl .chosen-single{overflow: visible; padding: 0 8px 0 0;}
.chosen-rtl .chosen-single span{margin-right: 0; margin-left: 26px; direction: rtl;}
.chosen-rtl .chosen-single-with-deselect span{margin-left: 38px;}
.chosen-rtl .chosen-single div{right: auto; left: 3px;}
.chosen-rtl .chosen-single abbr{right: auto; left: 26px;}
.chosen-rtl .chosen-choices li{float: right;}
.chosen-rtl .chosen-choices li.search-field input[type="text"]{direction: rtl;}
.chosen-rtl .chosen-choices li.search-choice{margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px;}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right: auto; left: 4px;}
.chosen-rtl.chosen-container-single .chosen-results{margin: 0 0 4px 4px; padding: 0 4px 0 0;}
.chosen-rtl .chosen-results li.group-option{padding-right: 15px; padding-left: 0;}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right: none;}
.chosen-rtl .chosen-search input[type="text"]{padding: 4px 5px 4px 20px; background: url("images/chosen-sprite.png") no-repeat -30px -20px; direction: rtl;}
.chosen-rtl.chosen-container-single .chosen-single div b{background-position: 6px 2px;}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position: -12px 2px;}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx){.chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span{background-image: url("images/chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important;}}
/* @end */
/*==================Tooltips 提示框==================*/
.tip-yellow{z-index:1000;text-align:left;border:1px solid #939393;padding:7px;min-width:50px;max-width:530px;color:#8c3901;background-color:#fef9d9;background-image:url(images/tip-yellow.png);}
.tip-yellow .tip-inner{font:bold 13px/18px 'trebuchet ms',arial,helvetica,sans-serif;margin-top:-2px;padding:0 3px 1px 3px;}
.tip-yellow .tip-arrow-top{margin-top:-7px;margin-left:15px;top:0;left:0;width:16px;height:10px;background:url(images/tip-yellow_arrows.png) no-repeat;}
.tip-yellow .tip-arrow-right{margin-top:-9px; /* approx. half the height to center it */margin-left:-4px;top:50%;left:100%;width:10px;height:20px;background:url(images/tip-yellow_arrows.png) no-repeat -16px 0;}
.tip-yellow .tip-arrow-bottom{margin-top:-6px;margin-left:15px;top:100%;left:0;width:16px;height:13px;background:url(images/tip-yellow_arrows.png) no-repeat -32px 0;}
.tip-yellow .tip-arrow-left{margin-top:-9px; /* approx. half the height to center it */margin-left:-6px;top:50%;left:0;width:10px;height:20px;background:url(images/tip-yellow_arrows.png) no-repeat -48px 0;}
.tip-violet{z-index:1000;text-align:left;border:1px solid #afafaf;padding:7px;min-width:50px;max-width:530px;color:#860404;background-color:#f2e7fd;background-image:url(images/tip-violet.png);}
.tip-violet .tip-inner{font:bold 12px/18px 'trebuchet ms',arial,helvetica,sans-serif;margin-top:-1px;padding:0 3px 2px 3px;}
.tip-violet .tip-arrow-top{margin-top:-7px;margin-left:15px;top:0;left:0;width:16px;height:10px;background:url(images/tip-violet_arrows.png) no-repeat;}
.tip-violet .tip-arrow-right{margin-top:-9px;margin-left:-4px;top:50%;left:100%;width:10px;height:20px;background:url(images/tip-violet_arrows.png) no-repeat -16px 0;}
.tip-violet .tip-arrow-bottom{margin-top:-6px;margin-left:15px;top:100%;left:0;width:16px;height:13px;background:url(images/tip-violet_arrows.png) no-repeat -32px 0;}
.tip-violet .tip-arrow-left{margin-top:-9px;margin-left:-6px;top:50%;left:0;width:10px;height:20px;background:url(images/tip-violet_arrows.png) no-repeat -48px 0;}
.tip-darkgray{opacity:0.95;z-index:1000;text-align:left;text-shadow:#444 0 1px 1px;border:1px solid #888;padding:8px;min-width:50px;max-width:530px;color:#fff;background-color:#999;background-image:url(images/tip-darkgray.png);}
.tip-darkgray .tip-inner{font:bold 12px/18px arial,helvetica,sans-serif;margin-top:-1px;padding:0 4px 3px 4px;}
.tip-darkgray .tip-arrow-top{margin-top:-7px;margin-left:15px;top:0;left:0;width:16px;height:10px;background:url(images/tip-darkgray_arrows.png) no-repeat;}
.tip-darkgray .tip-arrow-right{margin-top:-9px;margin-left:-7px;top:50%;left:100%;width:11px;height:21px;background:url(images/tip-darkgray_arrows.png) no-repeat -22px 0;}
.tip-darkgray .tip-arrow-bottom{margin-top:-7px;margin-left:15px;top:100%;left:0;width:22px;height:13px;background:url(images/tip-darkgray_arrows.png) no-repeat -44px 0;}
.tip-darkgray .tip-arrow-left{margin-top:-9px;margin-left:-6px;top:50%;left:0;width:11px;height:21px;background:url(images/tip-darkgray_arrows.png) no-repeat -66px 0;}
.tip-skyblue{z-index:1000;text-align:left;padding:8px 10px;min-width:50px;max-width:300px;color:#37356c;background-color:#b9f3f8;background-image:url(images/tip-skyblue.png);}
.tip-skyblue .tip-inner{font:bold 13px/15px 'trebuchet ms',arial,helvetica,sans-serif;padding:0 3px 1px 3px;}
.tip-skyblue .tip-arrow-top{margin-top:-12px;margin-left:0;top:0;left:0;width:11px;height:19px;background:url(images/tip-skyblue_arrows.png) no-repeat;}
.tip-skyblue .tip-arrow-right{margin-top:0;margin-left:-7px;top:0;left:100%;width:18px;height:13px;background:url(images/tip-skyblue_arrows.png) no-repeat -20px 0;}
.tip-skyblue .tip-arrow-bottom{margin-top:-8px;margin-left:0;top:100%;left:0;width:11px;height:20px;background:url(images/tip-skyblue_arrows.png) no-repeat -40px 0;}
.tip-skyblue .tip-arrow-left{margin-top:0;margin-left:-11px;top:0;left:0;width:18px;height:13px;background:url(images/tip-skyblue_arrows.png) no-repeat -60px 0;}
.tip-green{z-index:1000;text-align:left;border:1px solid #bdde98;padding:7px 10px;min-width:50px;max-width:300px;color:#860404;background-color:#dff6c6;}
.tip-green .tip-inner{font:bold 12px/14px arial,helvetica,sans-serif;}
.tip-green .tip-arrow-top{margin-top:-10px;margin-left:6px;top:0;left:0;width:10px;height:10px;background:url(images/tip-green_arrows.gif) no-repeat;}
.tip-green .tip-arrow-right{margin-top:6px;margin-left:0;top:0;left:100%;width:10px;height:10px;background:url(images/tip-green_arrows.gif) no-repeat -10px 0;}
.tip-green .tip-arrow-bottom{margin-top:0;margin-left:6px;top:100%;left:0;width:10px;height:10px;background:url(images/tip-green_arrows.gif) no-repeat -20px 0;}
.tip-green .tip-arrow-left{margin-top:6px;margin-left:-10px;top:0;left:0;width:10px;height:10px;background:url(images/tip-green_arrows.gif) no-repeat -30px 0;}
.tip-yellowsimple{z-index:1000;text-align:left;border:1px solid #c7bf93;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:6px 8px;min-width:50px;max-width:300px;color:#000;background-color:#fff9c9;}
.tip-yellowsimple .tip-inner{font:12px/16px arial,helvetica,sans-serif;}
.tip-yellowsimple .tip-arrow-top{margin-top:-6px;margin-left:-5px;top:0;left:50%;width:9px;height:6px;background:url(images/tip-yellowsimple_arrows.gif) no-repeat;}
.tip-yellowsimple .tip-arrow-right{margin-top:-4px; /* approx. half the height to center it */margin-left:0;top:50%;left:100%;width:6px;height:9px;background:url(images/tip-yellowsimple_arrows.gif) no-repeat -9px 0;}
.tip-yellowsimple .tip-arrow-bottom{margin-top:0;margin-left:-5px;top:100%;left:50%;width:9px;height:6px;background:url(images/tip-yellowsimple_arrows.gif) no-repeat -18px 0;}
.tip-yellowsimple .tip-arrow-left{margin-top:-4px; /* approx. half the height to center it */margin-left:-6px;top:50%;left:0;width:6px;height:9px;background:url(images/tip-yellowsimple_arrows.gif) no-repeat -27px 0;}
/*==================pagination 分页==================*/
.pagination{text-align:center;margin:10px 0;}
.whj_jqueryPaginationCss-1{display: inline-block; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.whj_jqueryPaginationCss-1 div{display: inline-block; vertical-align: bottom; height: 24px; line-height: 24px;}
.whj_jqueryPaginationCss-1 .whj_padding{padding: 1px 9px;}
.whj_jqueryPaginationCss-1 .whj_bgc{background-color: #fff; color: #646464;}
.whj_jqueryPaginationCss-1 .whj_border{border: 1px solid #ddd;border-radius:5px;}
.whj_jqueryPaginationCss-1 .whj_color{color: #1155bb;}
.whj_jqueryPaginationCss-1 .whj_hover:hover{color: #1155bb; cursor: pointer;}
.whj_jqueryPaginationCss-1 .whj_checked{background-color: #0e90d2; color: #fff;}
.whj_jqueryPaginationCss-1 .whj_hoverDisable{opacity: 0.5; filter: alpha(opacity=50);}
.whj_jqueryPaginationCss-1 select{height: 28px; vertical-align: bottom; padding: 0px; outline: none;}
.whj_jqueryPaginationCss-1 input{padding: 0px; height: 26px; outline: none; text-align: center; width: 40px; vertical-align: bottom;}
.whj_jqueryPaginationCss-1 div, .whj_jqueryPaginationCss-1 input, .whj_jqueryPaginationCss-1 select{margin: 2px;}
/*==================响应式栅格化布局==================*/
.row, .row [class^="col-"],[class*=" col-"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.row:before,.row:after{ display: table; content: " "; }
.row:after{ clear: both; }
[class^="col-"],[class*=" col-"]{ position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; float: left;}
[class*=col-]{width:100%;padding-left:1rem;padding-right:1rem;float:left;position:relative;}
[class*=col-]+[class*=col-]:last-child{float:right}
[class*=col-]+[class*=col-].col-end{float:left}
@media only screen and (min-width:641px){[class*=col-]{padding-left:5px;padding-right:5px}}[class*=col-pull-]{left:auto}
[class*=col-push-]{right:auto}
@media only screen{.col-sm-1{width:8.33333333%}
.col-sm-2{width:16.66666667%}
.col-sm-3{width:25%}
.col-sm-4{width:33.33333333%}
.col-sm-5{width:41.66666667%}
.col-sm-6{width:50%}
.col-sm-7{width:58.33333333%}
.col-sm-8{width:66.66666667%}
.col-sm-9{width:75%}
.col-sm-10{width:83.33333333%}
.col-sm-11{width:91.66666667%}
.col-sm-12{width:100%}
.col-sm-pull-0{right:0}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-3{right:25%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-6{right:50%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-9{right:75%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-push-0{left:0}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-3{left:25%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-6{left:50%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-9{left:75%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-11{left:91.66666667%}
.col-sm-offset-0{margin-left:0}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}
[class*=col-].col-sm-centered{margin-left:auto;margin-right:auto;float:none}
[class*=col-].col-sm-centered:last-child{float:none}
[class*=col-].col-sm-uncentered{margin-left:0;margin-right:0;float:left}
[class*=col-].col-sm-uncentered:last-child{float:left}}
@media only screen and (min-width:641px){.col-md-1{width:8.33333333%}
.col-md-2{width:16.66666667%}
.col-md-3{width:25%}
.col-md-4{width:33.33333333%}
.col-md-5{width:41.66666667%}
.col-md-6{width:50%}
.col-md-7{width:58.33333333%}
.col-md-8{width:66.66666667%}
.col-md-9{width:75%}
.col-md-10{width:83.33333333%}
.col-md-11{width:91.66666667%}
.col-md-12{width:100%}
.col-md-pull-0{right:0}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-3{right:25%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-6{right:50%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-9{right:75%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-11{right:91.66666667%}
.col-md-push-0{left:0}
.col-md-push-1{left:8.33333333%}
.col-md-push-2{left:16.66666667%}
.col-md-push-3{left:25%}
.col-md-push-4{left:33.33333333%}
.col-md-push-5{left:41.66666667%}
.col-md-push-6{left:50%}
.col-md-push-7{left:58.33333333%}
.col-md-push-8{left:66.66666667%}
.col-md-push-9{left:75%}
.col-md-push-10{left:83.33333333%}
.col-md-push-11{left:91.66666667%}
.col-md-offset-0{margin-left:0}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}
[class*=col-].col-md-centered{margin-left:auto;margin-right:auto;float:none}
[class*=col-].col-md-centered:last-child{float:none}
[class*=col-].col-md-uncentered{margin-left:0;margin-right:0;float:left}
[class*=col-].col-md-uncentered:last-child{float:left}}
@media only screen and (min-width:1025px){.col-lg-1{width:8.33333333%}
.col-lg-2{width:16.66666667%}
.col-lg-3{width:25%}
.col-lg-4{width:33.33333333%}
.col-lg-5{width:41.66666667%}
.col-lg-6{width:50%}
.col-lg-7{width:58.33333333%}
.col-lg-8{width:66.66666667%}
.col-lg-9{width:75%}
.col-lg-10{width:83.33333333%}
.col-lg-11{width:91.66666667%}
.col-lg-12{width:100%}
.col-lg-pull-0{right:0}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-3{right:25%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-6{right:50%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-9{right:75%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-push-0{left:0}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-3{left:25%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-6{left:50%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-9{left:75%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-11{left:91.66666667%}
.col-lg-offset-0{margin-left:0}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}
[class*=col-].col-lg-centered{margin-left:auto;margin-right:auto;float:none}
[class*=col-].col-lg-centered:last-child{float:none}
[class*=col-].col-lg-uncentered{margin-left:0;margin-right:0;float:left}
[class*=col-].col-lg-uncentered:last-child{float:left}}


/*滚动条*/
::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    height: 50px;
    -webkit-border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #585858;
        height: 50px;
        -webkit-border-radius: 4px
    }

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 4px
}

 